<template>
  <mu-container class="noPadding">
    <!--头部信息-->
    <mu-appbar style="width: 100%;" color="#fff" textColor="#666" z-depth="0.5">
      <mu-button icon slot="left">
        <i class="iconfont icon-indexsys"></i>
      </mu-button>
        <h4 class="elogo-logoTitle">青岛教育<img class="elogo-logoImg" src="../assets/images/elogo.png"/>平台</h4>
      <mu-button flat slot="right">
        <i class="iconfont icon-indexewm"></i>
        <i class="iconfont icon-indexmes ml10"></i>
      </mu-button>
    </mu-appbar>
    <!--底部导航-->
    <mu-bottom-nav class="gg-myBottomNav">
      <mu-bottom-nav-item title="首页" icon="home"></mu-bottom-nav-item>
      <mu-bottom-nav-item title="数据" icon="show_chart"></mu-bottom-nav-item>
      <mu-bottom-nav-item title="应用" icon="dashboard"></mu-bottom-nav-item>
      <mu-bottom-nav-item title="地图" icon="room"></mu-bottom-nav-item>
      <mu-bottom-nav-item title="我的" icon="person"></mu-bottom-nav-item>
    </mu-bottom-nav>
  </mu-container>

</template>

<script>
    export default {
        name: "Home"
    }
</script>

<style scoped >
  .gg-myBottomNav{
    position: fixed;
    width: 100%;
    padding: 0;
    bottom: 0;
  }
  .elogo-logoTitle{
    font-weight: 400;
    letter-spacing: 4px;
    margin-left: 30px;
  }
  .elogo-logoImg{
    width: 20px;
    height: 20px;
    padding: 0px 0px;
  }

</style>
